<md-content layout="column" layout-fill>
   <span class="user-position">您当前的位置：订单详情</span>
   <md-content layout="column" layout-align="center center">
      <md-card layout="column" class="order-info md-whiteframe-5dp" layout-padding="">
         <md-card-title>
            <md-card-title-text>
               <div layout="row" layout-align="start center">
                  <span flex class="order-id">{{orderInfo.orderId}}号</span>
                  <div layout="column">
                     <span class="order-status">{{orderInfo.status}}</span>
                     <span>下单时间：{{orderInfo.time}}</span>
                  </div>
               </div>
            </md-card-title-text>
         </md-card-title>
         <md-divider></md-divider>
         <md-card-content>
            <div layout="column">
               <div class="user-info">
                  <div layout="row">
                     <span>{{orderInfo.username}}：</span>
                     <span flex>{{orderInfo.phone}}</span>
                     <div>2km</div>
                  </div>
                  <span>地址：{{orderInfo.address}}</span>
               </div>
               <md-divider></md-divider>
               <div layout="column"  class="order-item">
                  <div  layout="row" layout-align="space-between center" ng-repeat="item in orderInfo['items']">
                     <span>{{item.drugName}}</span>
                     <span>X{{item.number}}</span>
                     <span>￥{{item.price}}</span>
                  </div>
               </div>
               <md-divider></md-divider>
               <div class="order-foot">
                  <div  layout="row" layout-align="space-between center" >
                     <span>配送费：</span>
                     <span>￥{{orderInfo.deliveryFee}}</span>
                  </div>
                  <div  layout="row" layout-align="space-between center">
                     <span>总计：</span>
                     <span class="total-price">￥{{orderInfo.totalPrice}}</span>
                  </div>
               </div>
               <md-divider></md-divider>
               <div layout="row" layout-xs="column" layout-align="space-around center" layout-margin="">
                  <md-button class="md-raised md-primary" ng-click="denyOrder(orderInfo.orderId)">取消订单</md-button>
                  <md-button class="md-raised md-warn" ng-click="acceptOrder(orderInfo.orderId)">接单</md-button>
               </div>

            </div>

         </md-card-content>

      </md-card>
   </md-content>

</md-content>

